
    $(document).ready(function () {
    $('#imgButton').click(function (e) {
        e.preventDefault(); // 阻止图片默认的点击行为，比如跳转等

        // 创建一个下拉菜单元素
        var dropdown = $('<div class="dropdown-menu"></div>');

        // 创建三个选项按钮元素，并分别添加点击事件处理
        var modifyOption = $('<button class="dropdown-option">修改</button>');
        modifyOption.click(function () {
            window.location.href = "modify.jsp"; // 点击修改按钮跳转到modify.jsp页面，你可根据实际替换为正确的路径
        });

        var deleteOption = $('<button class="dropdown-option">删除</button>');
        deleteOption.click(function () {
            window.location.href = "delete.jsp"; // 点击删除按钮跳转到delete.jsp页面
        });

        var createOption = $('<button class="dropdown-option">新建</button>');
        createOption.click(function () {
            window.location.href = "create.jsp"; // 点击新建按钮跳转到create.jsp页面
        });

        // 将三个选项按钮添加到下拉菜单中
        dropdown.append(modifyOption);
        dropdown.append(deleteOption);
        dropdown.append(createOption);

        // 将下拉菜单添加到页面中（这里简单添加到body元素内，你可根据实际布局需求调整位置）
        $('body').append(dropdown);

        // 显示下拉菜单（这里可以通过添加一些动画、定位等样式让显示效果更好，下面样式部分简单提及）
        dropdown.show();
    });
});
